html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, table, th, td, span{padding:0;margin:0;}

#full-screen-slider { 
    width:100%;
    height: 470px;
    position: relative;
 
}
#slides { display:block;width: 100%; height:470px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute;}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:46%; bottom:10px; z-index:1000;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#000; opacity: 0.5; filter: alpha(opacity=50); }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#fff;}

.left{  background-color: #000000;
    background-image: url("images/icon_arrow.png");
    background-repeat: no-repeat;
    display: block;
    font-size: 20px;
    height: 70px;
    left: 50%;
    line-height: 20px;
    opacity: 0;
    position: absolute;
    top: 150px;
    width: 50px;
    z-index: 999;  background-position: left center;
    left: 50%;
    margin-left: -40%;}

#full-screen-slider:hover .left{opacity:0.2; cursor:pointer;}

#full-screen-slider:hover .right{opacity:0.2;  cursor:pointer;}
  
    .right { background-color: #000000;
    background-image: url("images/icon_arrow.png");
    background-repeat: no-repeat;
    display: block;
    font-size: 20px;
    height: 70px;
    /*left: 50%;*/
    line-height: 20px;
    opacity: 0;
    position: absolute;
    top: 150px;
    width: 50px;
    z-index: 999;  background-position: right center;
    /*left: 50%;*/
    margin-left: 630px;
    }